<script setup name="Login">
import { useRouter } from 'vue-router'
import { OK_CODE } from '@/app/keys'

</script>

<template>
  <div class="w-screen h-screen flex justify-center items-center bg-slate-300">
    <div class="w-full sm:w-80 p-5 bg-white shadow-md rounded-md">
      <h4 class="pb-4 text-lg font-bold text-blue-500">后台登录</h4>
      <el-form ref="formEl" :model="userInfo" :rules="rules" @submit="handleSubmit">
        <el-form-item prop="username">
          <el-input v-model:model-value="userInfo.username" placeholder="账号"></el-input>
        </el-form-item>
        <el-form-item prop="password">
          <el-input v-model:model-value="userInfo.password" type="password" placeholder="密码"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button class="w-full" type="primary" native-type="submit">登录</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<style lang="scss" scoped>
</style>
